.block-loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9990;
    background-color: var(--fast-bg-color);

    .block-loading-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        .block-loading-box-warp {
            width: 80px;
            height: 80px;

            .block-loading-box-item {
                width: 55px;
                aspect-ratio: 1;
                --g1: conic-gradient(from 90deg at 3px 3px, #0000 90deg, #409eff 0);
                --g2: conic-gradient(from -90deg at 22px 22px, #0000 90deg, #409eff 0);
                background: var(--g1), var(--g1), var(--g1), var(--g2), var(--g2), var(--g2);
                background-size: 25px 25px;
                background-repeat: no-repeat;
                animation: block-loading-animation 1.2s infinite;
            }

            @keyframes block-loading-animation {
                0% {
                    background-position:
                        0 0,
                        0 100%,
                        100% 100%;
                }
                25% {
                    background-position:
                        100% 0,
                        0 100%,
                        100% 100%;
                }
                50% {
                    background-position:
                        100% 0,
                        0 0,
                        100% 100%;
                }
                75% {
                    background-position:
                        100% 0,
                        0 0,
                        0 100%;
                }
                100% {
                    background-position:
                        100% 100%,
                        0 0,
                        0 100%;
                }
            }
        }
    }
}
